			* {
				margin: 0;
				padding: 0;
			}
			
			.clear {
				clear: both;
			}
			
			li {
				list-style-type: none;
			}
			
			.content {
				width: 1155px;
				margin: 0 auto;
				height: 100%;
			}
			
			.nav1 {
				width: 100%;
				height: 50px;
				/*border: 1px solid blue;*/
				padding: 0 28px;
				margin: 0 auto;
				background-color: #fff;
				z-index: 999;
			}
			
			.nav1_left {
				width: 150px;
				height: 50px;
				float: left;
				clear: both;
			}
			
			.nav1_left img {
				width: 100%;
				height: 100%;
				/*border: 1px solid red;
				box-sizing: border-box;*/
				display: -webkit-box;
				-webkit-box-pack: center;
				-webkit-box-align: center;
			}
			
			.nav1_right {
				float: right;
				width: 420px;
				height: 50px;
				margin-right: 100px;
			}
			
			.nav1_right ul {
				width: 460px;
				height: 50px;
				/*border: 1px solid red;
				box-sizing: border-box;*/
				overflow: hidden;
			}
			
			.nav1_right>ul>li {
				width: 70px;
				height: 50px;
				float: left;
				text-align: center;
				margin-left: 3rem;
				display: block;
				/*white-space: nowrap;强制在同一行*/
			}
			
			.nav1_right li:last-child a:hover {
				background: none;
			}
			
			.nav1_right .search {
				width: 50px;
				height: 30px;
				border-radius: 20px;
				outline: none;
				border: 1px solid #D7D7D7;
				transition: width .5s;
				-moz-transition: width .5s;
				/* Firefox 4 */
				-webkit-transition: width .5s;
				/* Safari and Chrome */
				-o-transition: width .5s;
				/* Opera */
				color: #999999;
				font-size: 1rem;
				padding-left: .5rem;
				margin-top: 10px;
			}
			
			.search_hide {
				width: 200px;
			}
			.head_hide{
				width: 0px;
			}
			
			.nav1 a {
				text-decoration: none;
				display: block;
				line-height: 38px;
				padding-top: 10px;
			}
			
			.nav1_right a:link,
			a:active {
				color: #000000;
			}
			
			.nav1_right li a:link {
				color: #000000;
			}
			
			.nav1_right li:hover a {
				color: #66AFE9;
				border-bottom: 2px solid #66AFE9;
				box-sizing: border-box;
				background-color: rgba(0, 0, 0, 0.1) !important;
			}
			
			.nav1_right .active {
				color: #66AFE9;
				border-bottom: 2px solid #66AFE9;
			}
			.main {
				width: 1155px;
				height: auto;
				/*position: relative;*/
				/*border: 1px solid black;
		    	box-sizing: border-box;*/
				margin: 0 auto;
			}
			
			.main_left {
				width: 877px;
				height: auto;
				float: left;
				clear: both;
			}
			.main_swiper_head {
				width: 100%;
				height: 35px;
				margin-top: -10px;
			}
			
			.main_nav_icon {
				font-size: 14px;
				float: left;
				position: relative;
				top: 5px;
				
			}
			.swiper_wrapper_slide{
				height: 35px;
				float: left;
				line-height: 35px;
				clear: both;
			}
			.main_swiper {
				width: 800px;
				height: 35px;
			}
			
			.icon-xiaoxi {
				display: inline-block;
				float: left;
				font-size: 18px;
				/*position: relative;*/
				/*padding-top: .5rem;*/
				padding-left: 1rem;
				clear: both;
				
			}
			
			/*.swiper_container_head {
				width: 98.5%;
				height: 35px;
				float: left;
			}*/
			/*html, body {
		        position: relative;
		        height: 100%;
		    }*/
			
			body {
				background: #eee;
				font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
				font-size: 14px;
				color: #000;
				margin: 0;
				padding: 0;
			}
			
			.swiper-container {
				width: 100%;
				height: 100%;
			}
			
			.swiper_container_head {
				/*position: relative;*/
				margin-top: -25px;
				margin-left: 35px;
				float: left;
				/*overflow: hidden;*/
			}
			
			.swiper-slide {
				text-align: left;
				font-size: 16px;
				background: #eee;
				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: left;
				-ms-flex-pack: left;
				-webkit-justify-content: left;
				justify-content: left;
				-webkit-box-align: left;
				-ms-flex-align: left;
				align-items: left;
			}
			
			.main_nav {
				width: 100%;
				border: 1px solid yellow;
			}
			.main_swiper_body {
				width: 877px;
				height: 250px;
				border: 1px solid #E0E0E0;
				box-sizing: border-box;
				float: left;
				margin-bottom: 2rem;
				/*clear: both;*/
			}
			
			.swiper_container_img {
				width: 507px;
				height: 248px;
				/*position: absolute;
		  		/*left: -182px;*/
				float: left;
				clear: both;
			}
			
			.swiper_img {
				width: 507px;
				height: 248px;
				z-index: 9999;
			}
			
			.main_swiper_body>.swiper-slide {
				/*position: relative;*/
				width: 100%;
				;
				height: 100%;
			}
			
			.swiper-slide img {
				width: 100%;
				;
				height: 248px;
				/*position: absolute;*/
				vertical-align: middle;
			}
			
			.position_title {
				width: 507px;
				height: 40px;
				background-color: rgba(0, 0, 0, 0.6);
				color: #fff;
				line-height: 40px;
				position: absolute;
				bottom: 0px;
				text-align: left;
				text-indent: 1rem;
				font-size: 14px;
			}
			
			.banner_box {
				width: 877px;
				height: 248px;
			}
			
			.banner_box_left {
				float: left;
				width: 507px;
				height: 248px;
			}
			
			.banner_box_right {
				width: 370px;
				height: 248px;
				/*border: 1px solid red;*/
				/*box-sizing: border-box;*/
				float: left;
			}
			
			.list_item {
				width: 185px;
				height: 124px;
				overflow: hidden;
				float: left;
				position: relative;
			}
			
			.list_item img {
				width: 100%;
				height: 100%;
			}
			
			.list_item_title {
				height: 40px;
				width: 100%;
				line-height: 40px;
				color: #fff;
				overflow: hidden;
				text-overflow: ellipsis;
				/*超出显示省略号*/
				white-space: nowrap;
				/*超出显示省略号*/
				background-color: rgba(0, 0, 0, 0.4);
				position: absolute;
				bottom: 0;
			}
			
			.main_swiper_body img {
				-webkit-transition: all 1s;
			}
			
			.main_swiper_body img:hover {
				transform: scale(1.2, 1.2);
			}
			
			.article_list {
				width: 877px;
				height: 218px;
				border: 1px solid #E0E0E0;
				border-bottom: 1px dashed #E0E0E0;
				background-color: #fff;
				box-sizing: border-box;
				margin-top: 1.5rem;
				margin-bottom: 1rem;
				clear: both;
			}
			
			.article_l_box {
				width: 877px;
				height: 218px;
			}
			
			.article_list_l {
				background-color: #fff;
				float: left;
				width: 270px;
				height: 180px;
				/*padding: 19px;*/
				/*margin-bottom: 20px;*/
				/*clear: both;*/
				overflow: hidden;
				margin: 18px;
			}
			
			.article_list_l img {
				width: 270px;
				height: 180px;
				/*margin: 19px;*/
				vertical-align: middle;
			}
			
			.article_list_r {
				width: 400px;
				height: 198px;
				float: left;
				background-color: #fff;
				/*margin-bottom: 20px;*/
				/*clear: both;*/
			}
			
			.article_list_r>h4 {
				font-weight: bolder;
				padding-top: 2rem;
				color: #333333;
			}
			
			.article_list_technology {
				float: left;
				display: inline-block;
				clear: both;
			}
			
			.article_list_s .iconfont {
				font-size: 20px;
				display: inline-block;
				vertical-align: middle;
			}
			
			.article_list_s span {
				color: #333333;
				padding-right: 1rem;
			}
			
			.article_list_p {
				float: left;
				display: inline-block;
				overflow: hidden;
				line-height: 2rem;
				color: #777777;
				clear: both;
			}
			
			.article_list_span span {
				float: left;
				position: relative;
				top: 1rem;
				color: #A9A9A9;
				padding-left: .5rem;
			}
			
			.article_list_span span:hover {
				color: #777777;
				display: inline;
			}
			
			.article_list:hover {
				box-shadow: 5px 5px 5px rgba(20, 20, 20, 0.3);
			}
			
			.article_list img {
				-webkit-transition: all 1s;
			}
			
			.article_list:hover img {
				transform: scale(1.2, 1.2);
			}
			
			.main_right_box {
				width: 260px;
				height: auto;
				float: right;
				/*border: 1px solid red;*/
				margin-top: 25px;
			}
			
			.main_right {
				width: 260px;
				height: 300px;
				border: 1px solid #EAEAEA;
				background-color: #fff;
			}
			
			.main_right_s {
				width: 100%;
				height: 50%;
			}
			
			.main_right_s img {
				width: 100%;
				height: 100%;
			}
			
			.main_right_x {
				width: 100%;
				height: 50%;
			}
			
			.main_right_x img {
				width: 75px;
				height: 75px;
				border-radius: 75px;
				/*border: 1px solid #EAEAEA;*/
				outline: none;
				background-position: top;
				margin-top: -35px;
				margin-left: 92.5px;
			}
			
			.main_right_x>span:nth-child(2) {
				display: block;
				/*color: red;*/
				text-align: center;
				padding-top: .5rem;
			}
			
			.main_right_x p {
				text-align: center;
				padding-top: 1rem;
				font-size: 16px;
			}
			/*.main_right_x>span:nth-child(n+4){		    
		    	padding-right: 1.5rem;	    	
		    }*/
			
			.span_icon {
				vertical-align: middle;
				text-align: center;
				margin: 0 auto;
			}
			
			.span_icon span {
				padding-right: 1rem;
			}
			/*热门文章*/
			
			.popular_articles {
				width: 260px;
				height: 232px;
				float: right;
				background-color: #fff;
				margin-top: 1.5rem;
			}
			
			.popular_articles_icon {
				width: 100%;
				height: 26px;
				padding-left: 1rem;
				line-height: 26px;
			}
			
			.popular_articles span {
				font-size: 14px;
			}
			
			.popular_articles ul li:first-child {
				/*border-top: 1px solid #E6E6EB;*/
			}
			
			.popular_articles ul li {
				display: block;
				line-height: 40px;
				border-top: 1px solid #E6E6EB;
				padding-left: 1rem;
			}
			
			.new_comments{
				height: 500px;
				width: 260px;
				float: right;
				background-color: #fff;
				margin-top: 1.5rem;
			}
			.new_comments_icon {
				width: 100%;
				height: 26px;
				padding-left: 1rem;
				line-height: 26px;
				border-bottom: 1px solid #E6E6EB;
			}
			.new_comments_icon span{
				font-size: 12px;
			}
			
			.new_comments ul li{
				height: 95px;
				width: 100%;	
				padding: .8rem;
				display: block;
				border-top: 1px solid #E6E6EB;
			}
			.new_comments ul li img{
				width: 40px;
				height: 40px;
				border-radius: 25px;
				margin-right: 1rem;
			}
			.new_comments ul li p{
				font-size: 14px;
				
			}
			.new_comments ul li span:last-child{
				float: right;
				color: #B1A9A9;
				font-size: 10px;
				margin-top: -3px;
			}
			.new_comments_icon span {
				font-size: 14px;
			}
			.advertising{
				width: 260px;
				height: 300px;
				float: right;
				margin-top: 1.5rem;
				background-color: #fff;
			}
			.advertising_icon{
				width: 100%;
				height: 26px;
				padding-left: 1rem;
				line-height: 26px;
				border-bottom: 1px solid #E6E6EB;
			}
			.advertising img{
				height: 274px;
				width: 100%;
			}
			
			/*底部*/
			.foot{
				width: 100%;
				height: 162px;
				background-color: #262627;
				/*color: #fff;*/
				
			}
			.foot_s{
				height: 110px;
				width: 100%;
				/*padding: 6px 10px 3px 10px;*/
			}
			.foot_x{
				height: 47px;
				width: 100%;
				margin-top:-55px;
				margin-bottom: 10px;
			}
			.foot_left{
				width: 730px;
				height: 70px;
				float: left;
				margin-right: 30px;
				padding-top: 6px;
			}
			.foot_right{
				width: 385px;
				height: 112px;
				padding-left: 15px;
				float: left;
				padding-top: 6px;
			}
			.foot_right img{
				width: 100px;
				height: 100px;
				margin-right: 30px;
				float: left;
				clear: both;
			}
			.foot_right p{
				display: block;
				color: #efefef;
				font-size: 14px;
				padding-right: 30px;
			}
			.foot_left_nav{
				width: 730px;
				height: 26px;
				/*display: block;*/
				line-height: 26px;
			}
			/*.foot_left_nav>.icon-xiaoxi{
				margin-left: 15px;
			}*/
			
			.foot_left_nav span:first-child{
				width: 95%;				
				/*display: block;*/
				color: #EFEFEF;
				font-size: 13px;
				float: left;
				padding-left: 15px;
			}
			.foot_left_nav span:last-child{
				width: 5%;
				float: left;
				color: #EFEFEF;
			}
			.foot_ul{
				width: 730px;
				height:48px;
			}
			.foot_fhzx{
				width: 730px;
				height: 48px;
				display: block;
				padding-left: 20px;
			}
			.foot_fhzx li{
				height: 48px;
				width: 56px;
				line-height: 48px;
				padding: 16px;
				
			}
			.foot_fhzx li a{
				color: #fff;
			}
			.foot_p{
				width: 100%;
				text-align: center;
			}
			.foot_p1{	
				width: 100%;
				height: 30px;			
				color: #fff;
				font-size: 14px;
				/*text-align: center;*/
				/*display: block;*/
				/*margin-top: -10px;*/
			}
			.foot_p2{
				height: 14px;
				/*text-align: center;*/
				color: #EFEFEF;
				font-size: 12px;
				
			}
			
			

			@media only screen and (min-width: 960px) and (max-width: 1024px) {
				.content{
					width: 1024px;
					margin: 0 auto;
					/*bootstrap 响应式布局 居中问题*/
					display: table;
					width: auto;
					margin-left: auto;
					margin-right: auto;
				}
				.nav1{
					width:100%;
					padding-left: -75px;
					
				}
				.nav1_left{
					float: left;
					margin-left: -175px;
				}
				.nav1_right_ul{
					width: 460px;
					float: right;
					margin-right: -330px;
				}
				.nav1_right_ul{
					
				}
				.nav1_right>ul>li {
				width: 50px;
				height: 50px;
				float: left;
				text-align: center;
				margin-left: 3rem;
				display: block;
				/*white-space: nowrap;强制在同一行*/
				
				}
				.main_swiper_head{
					margin-top: 9px;
					margin-bottom: 10px;
					height: 35px;
				}
				.main{
					width: 100%;
					margin: 0 auto;
				}
				.main_right_box,.popular_articles,.new_comments,.advertising{
					display: none;
					height: 0px;
				}
				.container6{
					/*text-indent: 3rem;*/
					margin-left: 3rem;
				}
				.foot{
					height: 64px;
					text-align: center;
				}
				.foot_s{
					display: none;
				}
			}
			
			@media only screen and (min-width: 620px) and (max-width: 960px) {
				
			}
			
			/*@media only screen and (min-width: 414px) and (max-width: 620px) {
				
			}*/
			
			@media only screen and (max-width: 620px) {
				.content{
					width: 590px;
					display: table;
					width: auto;
					margin-left: auto;
					margin-right: auto;
				}
				.nav1{
					margin-bottom: -10px;
				}
				.nav1_left{
					position: absolute;
					left: 10px;
				}
				.nav1_right{
					display: none;
				}
				.main{
					width: 100%;
					margin-left: -1px;
				}
				.main_swiper_head{
					margin-top: 10px;
					height: 35px;
				}
				.main_swiper_head{
					height: 35px;
					/*margin-bottom: -10px;*/
				}
				.main_swiper_body{
					display: none;
				}
				.main_right_box,.popular_articles,.new_comments,.advertising{
					display: none;
					height: 0px;
				}
				.article_list{
					margin-top: -3px;
					height: 93px;
					width: 100%;
					
				}
				.article_l_box{
					width:620px;
					/*margin-top: -10px;*/
					height: 93px;
				}
				
				.article_list_l{
					height: 66px;
					width: 93px;
					/*float: left;*/
					margin: 12px;
					/*padding: 13px;*/
				}
				.article_list_l img{
					width: 100px;
					height: 66px;
					
				}
				.article_list_r{
					width: 390px;
					height:90px;
					/*float: left;*/
					margin-top: 1px;
					/*margin-left: -3px;*/
					
				}
				.article_list_r h4{
					font-size: 17px;
					font-weight: normal;
					margin-top: -5px;	
					
				}
				.article_list_s span{
					color: #A9A9A9;
				}
				
				.article_list_s .icon{
					display: none;
				}
				.article_list img{
					width: 100px;
					height: 68px;
				}
				.article_list_p,.article_list_span{
					display: none;
				}
				.foot{
					height: 30px;
					text-align: center;
				}
				.foot_x{
					width: 100%;
					height: 24px;
				}
				.foot_p1{	
				width: 100%;
				height: 24px;			
				color: #fff;
				font-size: 14px;
				
				/*text-align: center;*/
				/*display: block;*/
				margin-top: 30px;
				}
			
				.foot_s,.foot_p2{
					display: none;
				}
			}
